<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		td{
			text-align: center;
		}
	</style>
	<body>
		
		<script type="text/javascript">
		
			var arr = [{
					id: 1,
					sheng:"黑龙江省",
					hui:"哈尔滨市",
					jingdian:"太阳岛&nbsp圣索菲亚大教堂&nbsp中央大街",
				},
				{
					id: 2,
					sheng:"吉林省",
					hui:"长春市",
					jingdian:"净月潭&nbsp长影世纪城&nbsp动植物公园",
				},
				{
					id: 3,
					sheng:"辽宁省",
					hui:"沈阳市",
					jingdian:"沈阳故宫&nbsp沈阳北陵&nbsp张氏帅府",
				},
			]
		
			document.write("<table border='1'>");
			document.write("<tr>");
			document.write("<td>序号</td><td>省份</td><td>省会</td><td>旅游景点</td>")
			document.write("</tr>");
			for (var i in arr) {
				document.write("<tr>");
		
				var city = arr[i];
				document.write("<td>");
				document.write(city.id)
				document.write("</td>");
				document.write("<td>");
				document.write(city.sheng)
				document.write("</td>");
				document.write("<td>");
				document.write(city.hui)
				document.write("</td>");
				document.write("<td>");
				document.write(city.jingdian)
				document.write("</td>");
		
				document.write("</tr>");
			}
			document.write("</table>");
		</script>
		
	</body>
</html>
